<script lang="ts">
	interface Props {
		class?: string | undefined | null;
	}

	let { class: className = undefined }: Props = $props();
	
</script>

<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class={className}>
	<path
		d="M9.00001 14C7.87327 12.7595 6.34524 11.956 4.68463 11.7308C4.49561 11.7098 4.32105 11.6196 4.19462 11.4776C4.06819 11.3355 3.99886 11.1517 4.00001 10.9615V4.76914C4.00001 4.65804 4.02407 4.54824 4.07055 4.44732C4.11702 4.3464 4.18481 4.25675 4.26924 4.18452C4.35219 4.11362 4.44928 4.06117 4.55405 4.03066C4.65882 4.00016 4.76889 3.9923 4.87694 4.0076C6.46485 4.27115 7.91749 5.06252 9.00001 6.25377V14Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
	<path
		d="M9 14C10.1267 12.7595 11.6548 11.956 13.3154 11.7308C13.5044 11.7098 13.679 11.6196 13.8054 11.4776C13.9318 11.3355 14.0011 11.1517 14 10.9615V4.76914C14 4.65804 13.9759 4.54824 13.9295 4.44732C13.883 4.3464 13.8152 4.25675 13.7308 4.18452C13.6478 4.11362 13.5508 4.06117 13.446 4.03066C13.3411 4.00016 13.2311 3.9923 13.1231 4.0076C11.5351 4.27115 10.0825 5.06252 9 6.25377V14Z"
		stroke="currentColor"
		stroke-linecap="round"
		stroke-linejoin="round"
	/>
</svg>
